<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="逯灿灿">
    <title>小米商城</title>
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/box.css">
    <link rel="stylesheet" href="./css/starProducts.css">
    <link rel="stylesheet" href="./css/houseProducts.css">
    <link rel="stylesheet" href="./css/recommend.css">
    <link rel="stylesheet" href="./css/footer.css">
    <style>
    *{
        box-sizing: border-box;
    }
    body{
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        height: 3500px;
    }
    .container{
        width: 1230px;
        margin: 0 auto;
    }
    ul{
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }
    li{
        margin: 0;
        padding: 0;
    }
    a{
        text-decoration: none;
        font-size: inherit;
        color: inherit;
    }
    p{
        margin: 0;
        padding: 0;
    }
    .clearfix::after{
        content: '';
        display: block;
        overflow: hidden;
        clear: both;
        height: 0;
    }
    </style>
</head>

<body>
    <header>
        <div class="head-img"><img src="./img/head.png" alt=""></div>
        <div class="head-foot">
            <div class="head-nav container">
                <ul class="head-nav-left">
                    <li><a href="#">小米商城</a></li><p>|</p>
                    <li><a href="#">MIUI</a></li><p>|</p>
                    <li><a href="#">米聊</a></li><p>|</p>
                    <li><a href="#">游戏</a></li><p>|</p>
                    <li><a href="#">多看阅读</a></li><p>|</p>
                    <li><a href="#">云服务</a></li><p>|</p>
                    <li><a href="#">金融</a></li><p>|</p>
                    <li><a href="#">小米商城手机版</a></li><p>|</p>
                    <li><a href="#">问题反馈</a></li><p>|</p>
                    <li><a href="#">Select Region</a></li>
                </ul>
                <ul class="head-nav-right">
                    <li><a href="#">登录</a></li><p>|</p>
                    <li><a href="#">注册</a></li><p>|</p>
                    <li><a href="#">消息通知</a></li>
                    <li class="gouwu">
                        <span class="fa fa-shopping-cart"></span><span>   购物车(0)</span> 
                        <div class="mes">
                            购物车还没有商品，赶紧去选购吧！
                        </div> 
                        <span></span>  
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <nav class="nav container">
        <div class="nav-img"><img src="./img/logo.jpg" alt=""></div>
        <ul class="list">
            <li><a href="#">小米手机</a></li>
            <li><a href="#">红米</a></li>
            <li><a href="#">平板.笔记本</a></li>
            <li><a href="#">电视</a></li>
            <li><a href="#">盒子.影音</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">智能硬件</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
        </ul>
        <div class="select">
            <input type="text"><span></span><i class="fa fa-search"></i>
            <div class="select-a"><a href="#">电视4A-55</a>  
                <a href="#">小米Note2 特惠</a>
            </div>
            <div class="select-show">
                <ul>
                    <li>小米6</li>
                    <li>约有7件</li>
                </ul>
                <ul>
                    <li>红米Note 4x</li>
                    <li>约有15件</li>
                </ul>
                <ul>
                    <li>小米MIX</li>
                    <li>约有7件</li>
                </ul>
                <ul>
                    <li>小米6</li>
                    <li>约有7件</li>
                </ul>
                <ul>
                    <li>红米Note 4x</li>
                    <li>约有15件</li>
                </ul>
                <ul>
                    <li>小米MIX</li>
                    <li>约有7件</li>
                </ul>
                <ul>
                    <li>小米6</li>
                    <li>约有7件</li>
                </ul>
                <ul>
                    <li>红米Note 4x</li>
                    <li>约有15件</li>
                </ul>
                <ul>
                    <li>小米MIX</li>
                    <li>约有7件</li>
                </ul>
                <ul>
                    <li>小米6</li>
                    <li>约有7件</li>
                </ul>
                <ul>
                    <li>红米Note 4x</li>
                    <li>约有15件</li>
                </ul>
            </div> 
        </div>
    </nav>
    <div class="nav-show">
        <div class="container">
               <ul>
                <li><img src="./img/nav1/nav1-1.png" alt="">
                    <p>小米6</p>
                    <p style="color: orangered">2499元 起</p>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav1-2.png" alt="">
                    <p>小米6</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav1-3.jpg" alt="">
                    <p>小米6</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav1-4.jpg" alt="">
                    <p>小米6</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav1-5.jpg" alt="">
                    <p>小米6</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>    
                </li>
                <p></p>
                <li><img src="./img/nav1/nav1-6.jpg" alt="">
                    <p>小米6</p>
                    <p style="color: orangered">2499元 起</p> 
                    <div>现货</div>   
                </li>
            </ul>   
              <ul>
                <li><img src="./img/nav1/nav2-1.jpg" alt="">
                    <p>红米Note 4X</p>
                    <p style="color: orangered">999元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav2-2.jpg" alt="">
                    <p>红米Note 4X</p>
                    <p style="color: orangered">699元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav2-3.jpg" alt="">
                    <p>红米Note 4X</p>
                    <p style="color: orangered">799元 起</p>
                    <div>现货</div>
                </li> 
            </ul> 
             <ul>
                <li><img src="./img/nav1/nav3-1.png" alt="">
                    <p>小米平板3 64G</p>
                    <p style="color: orangered">1499元</p>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav3-2.jpg" alt="">
                    <p>小米笔记本</p>
                    <p style="color: orangered">3599元</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav3-2.jpg" alt="">
                    <p>小米笔记本</p>
                    <p style="color: orangered">4999元</p>
                    <div>热卖</div>
                </li> 
            </ul> 
             <ul>
                <li><img src="./img/nav1/nav4-1.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>热卖</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav4-2.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav4-3.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav4-4.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav4-5.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>    
                </li>
                <p></p>
                <li><img src="./img/nav1/nav4-6.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p> 
                    <div>现货</div>   
                </li>
            </ul>   
             <ul>
                <li><img src="./img/nav1/nav5-1.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>热卖</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav5-1.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav5-3.jpg" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav5-4.png" alt="">
                    <p>小米电视</p>
                    <p style="color: orangered">2499元 起</p>
                    <div>现货</div>
                </li>
            </ul>   
             <ul>
                <li><img src="./img/nav1/nav6-1.png" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>热卖</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav6-2.png" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav6-3.png" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav6-4.png" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav6-5.jpg" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>现货</div>    
                </li>
                <p></p>
                <li><img src="./img/nav1/nav6-6.png" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p> 
                    <div>现货</div>   
                </li>
            </ul>    
                     <ul>
                <li><img src="./img/nav1/nav7-1.jpg" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>热卖</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav7-2.jpg" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav7-3.jpg" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav7-4.png" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>现货</div>
                </li>
                <p></p>
                <li><img src="./img/nav1/nav7-5.jpg" alt="">
                    <p>路由器</p>
                    <p style="color: orangered">249元 起</p>
                    <div>现货</div>    
                </li>
            </ul>   
        </div>
    </div>
    <div class="box container">
        <div class="banner">
            <ul class="img-list">
                <li class="current"><a href="#"><img src="./img/lunbo/lunbo1.jpg" alt=""></a></li>
                <li><a href="#"><img src="./img/lunbo/lunbo2.jpg" alt=""></a></li>
                <li><a href="#"><img src="./img/lunbo/lunbo3.jpg" alt=""></a></li>
                <li><a href="#"><img src="./img/lunbo/lunbo4.jpg" alt=""></a></li>
                <li><a href="#"><img src="./img/lunbo/lunbo5.jpg" alt=""></a></li>
                <li><a href="#"><img src="./img/lunbo/lunbo6.jpg" alt=""></a></li>
                <li><a href="#"><img src="./img/lunbo/lunbo7.jpg" alt=""></a></li>
            </ul>
            <ul class="indicator">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="img-click">
                <span class="prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
                <span class="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
            </div>
            <div class="box-nav">
                <br>
                <ul>
                    <li>手机 电话卡</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav1-1.png" alt="">
                                <span>小米6</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-2.jpg" alt="">
                                <span>小米5X</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-3.jpg" alt="">
                                <span>小米MAX-2</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-1.png" alt="">
                                <span>小米6</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-2.jpg" alt="">
                                <span>小米5X</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-3.jpg" alt="">
                                <span>小米MAX-2</span>
                                <span>选购</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav1-1.png" alt="">
                                <span>小米6</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-2.jpg" alt="">
                                <span>小米5X</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-3.jpg" alt="">
                                <span>小米MAX-2</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-1.png" alt="">
                                <span>小米6</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-2.jpg" alt="">
                                <span>小米5X</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-3.jpg" alt="">
                                <span>小米MAX-2</span>
                                <span>选购</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav1-4.jpg" alt="">
                                <span>日租卡</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-4.jpg" alt="">
                                <span>月租卡</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav1-4.jpg" alt="">
                                <span>年租卡</span>
                                <span>选购</span>
                            </div>
                        </div>
                    </div>  
                </ul>
                <ul>
                    <li>笔记本 平板</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav2-1.jpg" alt="">
                                <span>笔记本</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav2-2.jpg" alt="">
                                <span>鼠标</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav2-3.jpg" alt="">
                                <span>鼠标垫</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav2-1.jpg" alt="">
                                <span>笔记本</span>
                            </div>
                            <div><img src="./img/lunbo/snav2-2.jpg" alt="">
                                <span>鼠标</span>
                            </div>
                            <div><img src="./img/lunbo/snav2-3.jpg" alt="">
                                <span>鼠标垫</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav2-1.jpg" alt="">
                                <span>笔记本</span>
                                <span>选购</span>
                            </div>
                            <div><img src="./img/lunbo/snav2-2.jpg" alt="">
                                <span>鼠标</span>
                            </div>
                            <div><img src="./img/lunbo/snav2-3.jpg" alt="">
                                <span>鼠标垫</span>
                            </div>
                        </div>
                    </div>   
                </ul>
                <ul>
                    <li>电视 盒子</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-2.png" alt="">
                                <span>小米儿童会员</span>
                            </div>
                            <div><img src="./img/lunbo/snav3-1.jpg" alt="">
                                <span>小米电视 44英寸</span>
                            </div>
                        </div>
                    </div>   
                </ul>
                <ul>
                    <li>路由器 智能硬件</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                            <div><img src="./img/lunbo/snav4-1.jpg" alt="">
                                <span>电动力折叠自行车</span>
                            </div>
                        </div>
                    </div>  
                </ul>
                <ul>
                    <li>移动电源 电池</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav5-1.jpg" alt="">
                                <span>小米移动电源</span>
                            </div>
                            <div><img src="./img/lunbo/snav5-1.jpg" alt="">
                                <span>小米移动电源</span>
                            </div>
                            <div><img src="./img/lunbo/snav5-1.jpg" alt="">
                                <span>小米移动电源</span>
                            </div>
                            <div><img src="./img/lunbo/snav5-1.jpg" alt="">
                                <span>小米移动电源</span>
                            </div>
                            <div><img src="./img/lunbo/snav5-1.jpg" alt="">
                                <span>小米移动电源</span>
                            </div>
                            <div><img src="./img/lunbo/snav5-1.jpg" alt="">
                                <span>小米移动电源</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav5-1.jpg" alt="">
                                <span>小米移动电源</span>
                            </div>
                        </div>
                    </div>    
                </ul>
                <ul>
                    <li>耳机 音响</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                        </div>
                        <div>
                            <div><img src="./img/lunbo/snav6-1.jpg" alt="">
                                <span>小米头戴式耳机</span>
                            </div>
                        </div>
                    </div>    
                </ul>
                <ul>
                    <li>保护套 贴膜</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav7-1.jpg" alt="">
                                <span>贴膜</span>
                            </div>
                            <div><img src="./img/lunbo/snav7-1.jpg" alt="">
                                <span>贴膜</span>
                            </div> 
                        </div>
                    </div>        
                </ul>
                <ul>
                    <li>支架 储存卡</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav8-1.jpg" alt="">
                                <span>手机支架</span>
                            </div>
                            <div><img src="./img/lunbo/snav8-1.jpg" alt="">
                                <span>手机支架</span>
                            </div> 
                            <div><img src="./img/lunbo/snav8-1.jpg" alt="">
                                <span>手机支架</span>
                            </div>
                            <div><img src="./img/lunbo/snav8-1.jpg" alt="">
                                <span>手机支架</span>
                            </div>
                        </div>
                    </div>       
                </ul>
                <ul>
                    <li>箱包 服饰</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav9-1.jpg" alt="">
                                <span>拉杆箱</span>
                            </div>
                            <div><img src="./img/lunbo/snav9-1.jpg" alt="">
                                <span>拉杆箱</span>
                            </div> 
                            <div><img src="./img/lunbo/snav9-1.jpg" alt="">
                                <span>拉杆箱</span>
                            </div>
                            <div><img src="./img/lunbo/snav9-1.jpg" alt="">
                                <span>拉杆箱</span>
                            </div>
                            <div><img src="./img/lunbo/snav9-1.jpg" alt="">
                                <span>拉杆箱</span>
                            </div>
                        </div>
                    </div>       
                </ul>
                <ul>
                    <li>米兔 生活周边</li>
                    <li><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
                    <div class="nav-message">
                        <div>
                            <div><img src="./img/lunbo/snav10-1.jpg" alt="">
                                <span>小米周刊</span>
                            </div>
                            <div><img src="./img/lunbo/snav10-1.jpg" alt="">
                                <span>小米周刊</span>
                            </div> 
                            <div><img src="./img/lunbo/snav10-1.jpg" alt="">
                                <span>小米周刊</span>
                            </div>
                            <div><img src="./img/lunbo/snav10-1.jpg" alt="">
                                <span>小米周刊</span>
                            </div>
                            <div><img src="./img/lunbo/snav10-1.jpg" alt="">
                                <span>小米周刊</span>
                            </div>
                        </div>
                    </div>      
                </ul>
            </div>
        </div>
        <div class="box-type">
            <ul class="choice">
                <li><i class="fa fa-mobile" aria-hidden="true"></i><span>选购手机</span></li>
                <li><i class="fa fa-gift" aria-hidden="true"></i><span>企业团购</span></li>
                <li><i class="fa fa-facebook-official" aria-hidden="true"></i><span>F码通道</span></li>
                <li><i class="fa fa-mobile" aria-hidden="true"></i><span>选购手机</span></li>
                <li><i class="fa fa-gift" aria-hidden="true"></i><span>企业团购</span></li>
                <li><i class="fa fa-facebook-official" aria-hidden="true"></i><span>F码通道</span></li>
                <span class="span1"></span>
                <span class="span2"></span>
                <span class="span3"></span>
                <span class="span4"></span>
                <span class="span5"></span>
            </ul>
            <div><img src="./img/lunbo/lizi1.jpg" alt=""></div>
            <div><img src="./img/lunbo/lizi2.jpg" alt=""></div>
            <div><img src="./img/lunbo/lizi3.jpg" alt=""></div>
        </div>
    </div>
    <div class="starProducts container">
        <div class="starProducts-top">
            <h3>小米明星单品</h3>
            <div class="mingclick">
                <div><i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                <div><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
            </div>
        </div>
        <div class="starProducts-img">
            <ul>
                <li><img src="./img/lunbo/ming1.png" alt="">
                    <br>
                    <a>小米5c 64G移动版</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">699元起</p>
                    <div style="background-color:rgb(255, 172, 19)"></div>
                </li>
                <li><img src="./img/lunbo/ming2.png" alt="">
                    <br>
                    <a>红米4X </a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">1299元</p>
                    <div style="background-color:rgb(131, 196, 78)"></div>
                </li>
                <li><img src="./img/lunbo/ming3.png" alt="">
                    <br>
                    <a>小米MIX</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">3499元起</p>
                    <div style="background-color:rgb(33, 150, 243)"></div>
                </li>
                <li><img src="./img/lunbo/ming4.png" alt="">
                    <br>
                    <a>小米电视4A 43英寸</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">2099元</p>
                    <div style="background-color:red"></div>
                </li>
                <li><img src="./img/lunbo/ming5.png" alt="">
                    <br>
                    <a>小米笔记本</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">3599元起</p>
                    <div style="background-color:rgb(0, 192, 165)"></div>
                </li>
                <li><img src="./img/lunbo/ming6.png" alt="">
                    <br>
                    <a>贝医生巴氏牙刷（4色装）</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">39.9元</p>
                    <div style="background-color:rgb(255, 172, 19)"></div>
                </li>
                <li><img src="./img/lunbo/ming7.jpg" alt="">
                    <br>
                    <a>米家电饭煲</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">999元</p>
                    <div style="background-color:rgb(131, 196, 78)"></div>
                </li>
                <li><img src="./img/lunbo/ming8.png" alt="">
                    <br>
                    <a>米家空气净化器</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">1499元</p>
                    <div style="background-color:rgb(33, 150, 243)"></div>
                </li>
                <li><img src="./img/lunbo/ming9.png" alt="">
                    <br>
                    <a>小米手环</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">149元</p>
                    <div style="background-color:red"></div>
                </li>
                <li><img src="./img/lunbo/ming10.png" alt="">
                    <br>
                    <a>小米路由器</a>
                    <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                    <p style="margin-top:20px;color: orangered">149元</p>
                    <div style="background-color:rgb(0, 192, 165)"></div>
                </li>

            </ul>
        </div>
    </div>
    <main>
         <div class="main-padding">
            <div class="products container">
                <div class="products-head">
                    <h2>家电</h2>
                    <ul>
                        <li class="list-show">热门<p class="p-show">0</p></li>
                        <li>电视影音<p>1</p></li>
                        <li>电脑<p>2</p></li>
                        <li>家居<p>3</p></li>
                    </ul>
                </div>
                <div class="products-content">
                    <div class="products-content-left proleft-one">
                        <img src="./img/家电/jiadianda.jpg" alt="">
                    </div>
                    <div class="products-content-right">
                        <ul class="clearfix message-show">
                            <li><img src="./img/家电/re1.png" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">2599元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/re2.png" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米电视4A 55英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">3199元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/re3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 13英寸I7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">5999元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/re4.jpg" alt="">
                                <br>
                                <a>小米笔记本 12英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">3599元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/re5.jpg" alt="">
                                <br>
                                <a>米家全景相机套装</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1699元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/re6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>米家小相机</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">699元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/re7.jpg" alt="">
                                <br>
                                <a>米家恒温电水壶</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">199元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>小白摄像机<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/re8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">热门</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                         <ul class="clearfix">
                            <li><img src="./img/家电/dy1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dy2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dy3.png" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dy4.png" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dy5.png" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dy3.png" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dy7.jpg" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>盒子3 增强版<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/dy8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">电视影音</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/dn1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dn1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dn3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dn3.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dn5.png" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dn6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dn7.png" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>多功能转接器<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/dn8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">电脑</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/jj1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj4.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj5.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj7.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>Yeelight LED灯<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/jj8.png" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">家居</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul>  
                    </div>
                </div>
            </div>
            <div class="products container">
                <div class="products-head">
                    <h2>智能</h2>
                    <ul>
                        <li class="list-show">热门<p class="p-show"></p></li>
                        <li>出行<p></p></li>
                        <li>健康<p></p></li>
                        <li>酷玩<p></p></li>
                        <li>路由器<p></p></li> 
                    </ul>
                </div>
                <div class="products-content">
                    <div class="products-content-left">
                        <div><img src="./img/家电/zle1.jpg" alt=""></div>
                        <div><img src="./img/家电/zle2.jpg" alt=""></div>
                    </div>
                    <div class="products-content-right"> 
                        <ul class="clearfix message-show">
                            <li><img src="./img/家电/zre1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>米家感应夜灯</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">499元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zre2.jpg" alt="">
                                <br>
                                <a>70迈 智能后视镜</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zre3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米体脂称</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">199元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zre4.jpg" alt="">
                                <br>
                                <a>米家H电饭煲 3L</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">399元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zre5.jpg" alt="">
                                <br>
                                <a>米家车载空气净化器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">449元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zre6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>米家行车记录仪</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">349元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zre7.jpg" alt="">
                                <br>
                                <a>小米路由器HD（8TB）</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>小米VR眼镜<p style="color:orangered">299元</p></span>
                                    <span><img src="./img/家电/zre8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">热门</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/zchu1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zchu2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zchu3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zchu4.jpg" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zchu5.jpg" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zchu6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zchu7.jpg" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>盒子3 增强版<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/zchu8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">出行</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul>
                        <ul class="clearfix">
                            <li><img src="./img/家电/zj1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米5c 64G移动版</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zj2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米5c 64G移动版</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zj3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米5c 64G移动版</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zj4.jpg" alt="">
                                <br>
                                <a>小米5c 64G移动版</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zj5.jpg" alt="">
                                <br>
                                <a>小米5c 64G移动版</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zj6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米5c 64G移动版</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zj7.jpg" alt="">
                                <br>
                                <a>小米5c 64G移动版</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>小白摄像机<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/zj8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">健康</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/zk1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zk2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zk3.png" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zk4.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zk5.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zk6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zk7.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>多功能转接器<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/zk8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">酷玩</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/zly1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zly2.png" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zly3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zly4.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zly5.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zly6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zly7.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>Yeelight LED灯<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/zly8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">路由器</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                    </div>
                </div>
            </div>
            <div class="products container">
                <div class="products-head">
                    <h2>搭配</h2>
                    <ul>
                        <li class="list-show">热门<p class="p-show"></p></li>
                        <li>耳机音响<p></p></li>
                        <li>电源<p></p></li>
                        <li>电池存储卡<p></p></li>
                    </ul>
                </div>
                <div class="products-content">
                    <div class="products-content-left">
                        <div><img src="./img/家电/dle1.jpg" alt=""></div>
                        <div><img src="./img/家电/dle2.jpg" alt=""></div>
                    </div>
                    <div class="products-content-right">
                        <ul class="clearfix message-show">
                            <li><img src="./img/家电/dr1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米运动蓝牙耳机</a>
                                <p style="margin:5px;color: orangered">129元</p>
                                <p style="color:#888;font-size: 12px">1.4万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dr2.jpg" alt="">
                                <br>
                                <a>20000mAh小米移动电源2 </a>
                                <p style="margin:5px;color: orangered">149元</p>
                                <p style="color:#888;font-size: 12px">1.4万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dr3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米移动电源10000mAh高配版 </a>
                                <p style="margin:5px;color: orangered">149元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dr4.jpg" alt="">
                                <br>
                                <a>小米活塞耳机 清新版</a>
                                <p style="margin:5px;color: orangered">29元</p>
                                <p style="color:#888;font-size: 12px">5.5万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dr5.jpg" alt="">
                                <br>
                                <a>小米网络音响</a>
                                <p style="margin:5px;color: orangered">399元</p>
                                <p style="color:#888;font-size: 12px">7253人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dr6.jpg" alt="">
                                <br>
                                <a>小米蓝牙耳机 青春版</a>
                                <p style="margin:5px;color: orangered">59元</p>
                                <p style="color:#888;font-size: 12px">3.5万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dr7.jpg" alt="">
                                <br>
                                <a>小米圈铁耳机Pro</a>
                                <p style="margin:5px;color: orangered">149元</p>
                                <p style="color:#888;font-size: 12px">2.5万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>小白摄像机<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/dr8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">热门</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/de1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/de2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/de3.png" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/de4.jpg" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/de5.jpg" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/de6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/de7.jpg" alt="">
                                <br>
                                <a>小米电视4A 49英寸</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>盒子3 增强版<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/de8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">耳机音响</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/dd1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dd2.png" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dd3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dd4.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dd5.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dd6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/dd7.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>多功能转接器<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/dd8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">电源</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/ddc1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/ddc2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/ddc3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/ddc4.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/ddc5.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/ddc6.png" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/ddc7.jpg" alt="">
                                <br>
                                <a>小米笔记本 i7处理器</a>
                                <p style="color:#888;font-size: 12px">直降200元，轻薄金属机身</p>
                                <p style="margin-top:20px;color: orangered">1299元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>Yeelight LED灯<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/ddc8.png" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">电池存储卡</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                    </div>
                </div>
            </div>
            <div class="products container">
                <div class="products-head">
                    <h2>配件</h2>
                    <ul>
                        <li class="list-show">热门<p class="p-show"></p></li>
                        <li>保护套<p></p></li>
                        <li>贴膜<p></p></li>
                        <li>其他配件<p></p></li>
                    </ul>
                </div>
                <div class="products-content">
                    <div class="products-content-left">
                        <div><img src="./img/家电/ple1.jpg" alt=""></div>
                        <div><img src="./img/家电/ple2.jpg" alt=""></div>
                    </div>
                    <div class="products-content-right">
                        <ul class="clearfix message-show">
                            <li><img src="./img/家电/pr1.jpg" alt="">
                                <p class="zhekou">享6折</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pr2.jpg" alt="">
                                <br>
                                <a>小米5C钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pr3.jpg" alt="">
                                <br>
                                <a>红米Note4X外壳保护套</a>
                                <p style="margin:5px;color: orangered">19元</p>
                                <p style="color:#888;font-size: 12px">6011人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pr4.jpg" alt="">
                                <br>
                                <a>小米支架式自拍杆</a>
                                <p style="margin:5px;color: orangered">89元</p>
                                <p style="color:#888;font-size: 12px">3672人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pr5.jpg" alt="">
                                <br>
                                <a>小米指环支架</a>
                                <p style="margin:5px;color: orangered">19元</p>
                                <p style="color:#888;font-size: 12px">1.8万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pr6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>米家随身风扇</a>
                                <p style="margin:5px;color: orangered">19.9元</p>
                                <p style="color:#888;font-size: 12px">2.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pr7.jpg" alt="">
                                <br>
                                <a>红米4X软胶保护套</a>
                                <p style="margin:5px;color: orangered">19元</p>
                                <p style="color:#888;font-size: 12px">1804人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>小米自拍杆<p style="color:orangered">39元</p></span>
                                    <span><img src="./img/家电/pr8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">热门</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/pb1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pb2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pb3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pb4.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pb5.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pb6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pb7.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>盒子3 增强版<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/pb8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">保护套</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/pt1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pt2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pt3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pt4.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pt5.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pt6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/pt7.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>多功能转接器<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/pt8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">贴膜</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/jj1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj2.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj3.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj4.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj5.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj6.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/jj7.jpg" alt="">
                                <br>
                                <a>红米Note4X钢化膜</a>
                                <p style="margin:5px;color: orangered">9.9元</p>
                                <p style="color:#888;font-size: 12px">1.1万人评价</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>Yeelight LED灯<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/jj8.png" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">其他配件</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                    </div>
                </div>
            </div>
            <div class="products container">
                <div class="products-head">
                    <h2>周边</h2>
                    <ul>
                        <li class="list-show">热门<p class="p-show"></p></li>
                        <li>服装<p></p></li>
                        <li>米兔<p></p></li>
                        <li>生活周边<p></p></li>
                        <li>箱包<p></p></li> 
                    </ul>
                </div>
                <div class="products-content">
                    <div class="products-content-left">
                        <div><img src="./img/家电/zbl1.jpg" alt=""></div>
                        <div><img src="./img/家电/zbl2.jpg" alt=""></div>
                    </div>
                    <div class="products-content-right"> 
                        <ul class="clearfix message-show">
                            <li><img src="./img/家电/zbr1.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbr2.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>8H懒人舒适沙发</a>
                                <p style="color: orangered">649元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbr3.jpg" alt="">
                                <br><br>
                                <a>8H乳胶床垫</a>
                                <p style="color: orangered">999元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbr4.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>TS防蓝光眼镜 米家定制</a>
                                <p style="color: orangered">99元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbr5.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>最生活方巾.青春系列</a>
                                <p style="color: orangered">14.9元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbr6.jpg" alt="">
                                <br><br>
                                <a>8H护颈乳胶枕</a>
                                <p style="color: orangered">239元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbr7.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>TS偏光太阳镜 米家定制</a>
                                <p style="color: orangered">89元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>小白支架<p style="color:orangered">89元</p></span>
                                    <span><img src="./img/家电/zbr8.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">热门</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/zbf1.png" alt="">
                                <p class="zhekou">享9折</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbf1.png" alt="">
                                <p class="zhekou">享9折</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbf1.png" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbf1.png" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbf1.png" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbf1.png" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbf1.png" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>盒子3 增强版<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/zbf1.png" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">服装</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul>
                        <ul class="clearfix">
                            <li><img src="./img/家电/zbm1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbm1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbm1.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbm1.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbm1.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbm1.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbm1.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>小白摄像机<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/zbm1.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">米兔</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/zbs.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbs.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbs.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbs.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbs.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbs.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbs.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>多功能转接器<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/zbs.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">生活周边</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li><img src="./img/家电/zbx1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbx1.jpg" alt="">
                                <p class="zhekou">享9折</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbx1.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbx1.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbx1.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbx1.jpg" alt="">
                                <p class="zhekou" style="background-color:#83c44e">新品</p>
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li><img src="./img/家电/zbx1.jpg" alt="">
                                <br><br>
                                <a>米家运动鞋（智能版）男款</a>
                                <p style="color: orangered">249元</p>
                                <p class="oranger"><br>喜欢小米怎么看都好<br>
                                    <a href="#" style="color:#dcdcdc;font-size:12px;">来自 小米使用者的评价</a>
                                </p>
                            </li>
                            <li>
                                <div><span>Yeelight LED灯<p style="color:orangered">399元</p></span>
                                    <span><img src="./img/家电/zbx1.jpg" alt=""></span>
                                </div>
                                <div><span style="font-size:20px; top:50px">浏览更多<p style="font-size:14px;color:#888">箱包</p></span>
                                    <span><img src="./img/家电/right.png" alt=""></span>
                                </div>
                            </li>
                        </ul> 
                    </div>
                </div>
            </div>
        </div>
        <div class="recommend container">
            <div class="recommend-top">
                <h2>为你推荐</h2>
                <div class="recommend-click">
                    <div><i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                    <div><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                </div>
            </div>
            <div class="recommend-img container">
                <ul>
                    <li><img src="./img/家电/wntj1.jpg" alt="">
                        <br>
                        <a>米家扫地机器人</a>
                        <p style="margin:10px 0;color: orangered">1699元</p>
                        <p style="color:#888;font-size: 14px">1.2万人好评</p>
                    </li>
                    <li><img src="./img/家电/wntj2.jpg" alt="">
                        <br>
                        <a>小米电视3s 65英寸 影院版 </a>
                        <p style="margin:10px 0;color: orangered">6699元</p>
                        <p style="color:#888;font-size: 14px"></p>
                    </li>
                    <li><img src="./img/家电/wntj3.jpg" alt="">
                        <br>
                        <a>小米运动蓝牙耳机</a>
                        <p style="margin:10px 0;color: orangered">129元</p>
                        <p style="color:#888;font-size: 14px">1.4万人好评</p>
                    </li>
                    <li><img src="./img/家电/wntj4.jpg" alt="">
                        <br>
                        <a>小米米家电动滑板车</a>
                        <p style="margin:10px 0;color: orangered">1999元</p>
                        <p style="color:#888;font-size: 14px">2554人好评</p>
                    </li>
                    <li><img src="./img/家电/wntj5.jpg" alt="">
                        <br>
                        <a>10000mAh小米移动电源2</a>
                        <p style="margin:10px 0;color: orangered">79元</p>
                        <p style="color:#888;font-size: 14px">5.2万人好评</p>
                    </li>
                    <li><img src="./img/家电/wntj6.jpg" alt="">
                        <br>
                        <a>小寻儿童电话手表 彩屏版</a>
                        <p style="margin:10px 0;color: orangered">199元</p>
                        <p style="color:#888;font-size: 14px">4321人好评</p>
                    </li>
                    <li><img src="./img/家电/wntj7.jpg" alt="">
                        <br>
                        <a>小米路由器 HD</a>
                        <p style="margin:10px 0;color: orangered">1299元</p>
                        <p style="color:#888;font-size: 14px">816人好评</p>
                    </li>
                    <li><img src="./img/家电/wntj8.jpg" alt="">
                        <br>
                        <a>小米VR眼镜PLAY2</a>
                        <p style="margin:10px 0;color: orangered">99元</p>
                        <p style="color:#888;font-size: 14px">593人好评</p>
                    </li>
                    <li><img src="./img/家电/wntj9.jpg" alt="">
                        <br>
                        <a>小米移动电源10000mAh高配版</a>
                        <p style="margin:10px 0;color: orangered">149元</p>  
                        <p style="color:#888;font-size: 14px">1.1万人好评</p>
                    </li>
                    <li><img src="./img/家电/wntj10.jpg" alt="">
                        <br>
                        <a>小米网络音响</a>
                        <p style="margin:10px 0;color: orangered">399元</p>
                        <p style="color:#888;font-size: 14px">7251人好评</p>
                    </li>

                </ul>
            </div>
        </div> 
        <div class="hotProducts container">
            <h2>热评产品</h2>
            <div class="hot-img">
                <ul>
                    <li><img src="./img/家电/rpp1.jpg" alt="">
                        <p>东西真心不错，用过最好用的插线板，做工外观没得挑剔，
                            3个USB接口很实用，充电快</p>
                        <div>
                        <h4>来自于 yinyin19891117 的评价</h4>
                        <a>小米插线板</a><span style="color:#888;opacity:0.5">&nbsp;|&nbsp;</span><span>45元</span>
                        </div>
                    </li>
                    <li><img src="./img/家电/rpp2.jpg" alt="">
                        <p>这箱子很好，外观漂亮，实用性强。很轻，有点软但不影响它的坚固。</p>
                        <div>
                        <h4>来自于 子书雁 的评价 </h4>
                        <a>90分旅行箱 20寸</a><span style="color:#888;opacity:0.5">&nbsp;|&nbsp;</span><span>299元</span>
                        </div>
                    </li>
                    <li><img src="./img/家电/rpp3.jpg" alt="">
                        <p>东西真心不错，用过最好用的插线板，做工外观没得挑剔，
                            3个USB接口很实用，充电快</p>
                        <div>
                        <h4>来自于 yinyin19891117 的评价</h4>
                        <a>小米插线板</a><span style="color:#888;opacity:0.5">&nbsp;|&nbsp;</span><span>45元</span>
                        </div>
                    </li>
                    <li><img src="./img/家电/rpp4.jpg" alt="">
                        <p>东西真心不错，用过最好用的插线板，做工外观没得挑剔，
                            3个USB接口很实用，充电快</p>
                        <div>
                        <h4>来自于 yinyin19891117 的评价</h4>
                        <a>小米插线板</a><span style="color:#888;opacity:0.5">&nbsp;|&nbsp;</span><span>45元</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="messAges container">
            <h2>内容</h2>
            <div class="messAges-img">
                <div class="mes-chioce">
                    <p style="color: orange">图书</p>
                    <ul>
                         <li>
                            <p>哈利.波特与被诅咒的孩子</p> 
                            <p>"哈利.波特"第八个故事中文版震撼来袭!特别彩排版剧本</p>
                            <p class="pmes">29.37元</p>
                            <img src="./img/家电/nrr1.png" alt=""> 
                        </li>  
                        <li>
                            <p>好吗好的</p> 
                            <p>畅销作家大冰2016年新书！讲个你听，好吗好的</p>
                            <p class="pmes">17.99元</p>
                            <img src="./img/家电/nrr1-2.png" alt=""> 
                        </li>  
                        <li>
                            <p></p> 
                            <p>海量好书，享受精品阅读时光漂亮的中文排版，千万读者选择！</p>
                            <p style="color:orange;border:1px solid orange;width:100px">前往多看阅读</p>
                            <img src="./img/家电/nrr1-3.jpg" alt=""> 
                        </li>  
                    </ul>
                    <div class="mes-light1" style="left:95px">
                        <ul>
                            <li class="light-show"></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="upDown">
                        <span class="up-img">&lt;</span>
                        <span class="down-img">&gt;</span>
                    </div>
                    <div class="mes-color" style="background-color: orange"></div>
                </div>
                <div class="mes-chioce">
                    <p style="color: rgb(131, 196, 78)">MIUI 主题</p>
                    <ul>
                         <li>
                            <p>吴亦凡定制主题</p> 
                            <p>6张锁屏动态壁纸随机，每张都会给你惊喜！</p>
                            <p class="pmes">免费</p>
                            <img src="./img/家电/nrr2.jpg" alt=""> 
                        </li>  
                        <li>
                            <p>夏日狂想</p> 
                            <p>官方主题新的画风，原来你是这样的小清新！</p>
                            <p class="pmes">免费</p>
                            <img src="./img/家电/nrr2-2.jpg" alt=""> 
                        </li>  
                        <li>
                            <p>几何</p> 
                            <p>最新官方主题，带你感受极简视觉冲击</p>
                            <p class="pmes">免费</p>
                            <img src="./img/家电/nrr2-3.jpg" alt=""> 
                        </li>  
                        <li>
                            <p></p> 
                            <p>众多个性主题、百变锁屏与自由桌面让你的手机与众不同！</p>
                            <p style="color:rgb(131, 196, 78);border:1px solid rgb(131, 196, 78);width:100px">前往MIUI主题市场</p>
                            <img src="./img/家电/nrr2-4.jpg" alt=""> 
                        </li>  
                    </ul>
                    <div class="mes-light1" style="left:80px">
                        <ul>
                            <li class="light-show"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="upDown">
                        <span class="up-img">&lt;</span>
                        <span class="down-img">&gt;</span>
                    </div>
                    <div class="mes-color" style="background-color: rgb(131, 196, 78)"></div>
                </div>
                <div class="mes-chioce">
                    <p style="color: red">游戏</p>
                    <ul>
                         <li>
                            <p>米柚手游模拟器</p> 
                            <p>在电脑上玩遍小米所有手游</p>
                            <p class="pmes">免费</p>
                            <img src="./img/家电/nrr3.png" alt=""> 
                        </li>  
                        <li>
                            <p>剑侠世界</p> 
                            <p>一生不容错过的浪漫武侠！！</p>
                            <p class="pmes">免费</p>
                            <img src="./img/家电/nrr3-2.jpg" alt=""> 
                        </li>  
                        <li>
                            <p></p> 
                            <p>免费下载海量的手机游戏天天都有现金福利赠送</p>
                            <p style="color:red;border:1px solid red;width:100px">前往小米游戏商店</p>
                            <img src="./img/家电/nrr3-3.jpg" alt=""> 
                        </li>  
                    </ul>
                    <div class="mes-light1" style="left:95px">
                        <ul>
                            <li class="light-show"></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="upDown">
                        <span class="up-img">&lt;</span>
                        <span class="down-img">&gt;</span>
                    </div>
                    <div class="mes-color" style="background-color: red"></div>
                </div>
                <div class="mes-chioce">
                    <p style="color: rgb(33, 150, 243)">应用</p>
                    <ul>
                         <li>
                            <p>2017金米奖</p> 
                            <p>最优秀的应用和游戏</p>
                            <p class="pmes"></p>
                            <img src="./img/家电/nrr4.png" alt=""> 
                        </li>  
                        <li>
                            <p>Forest</p> 
                            <p>帮助您专心于生活中每个重要时刻</p>
                            <p class="pmes">免费</p>
                            <img src="./img/家电/nrr4-2.png" alt=""> 
                        </li>  
                        <li>
                            <p>小米应用</p> 
                            <p>小米出品，必属精品</p>
                            <p class="pmes">免费</p>
                            <img src="./img/家电/nrr4-3.png" alt=""> 
                        </li>  
                        <li>
                            <p></p> 
                            <p>帮助小米手机和其他安卓手机用户发现好用的安卓应用</p>
                            <p style="color:rgb(33, 150, 243);border:1px solid rgb(33, 150, 243);width:100px">前往小米应用商店</p>
                            <img src="./img/家电/nrr4-4.jpg" alt=""> 
                        </li>  
                    </ul>
                    <div class="mes-light1" style="left:80px">
                        <ul>
                            <li class="light-show"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="upDown">
                        <span class="up-img">&lt;</span>
                        <span class="down-img">&gt;</span>
                    </div>
                    <div class="mes-color" style="background-color: rgb(33, 150, 243)"></div>
                </div>
                
            </div>
        </div> 
         <div class="video container">
            <div class="video-top">
                <h2>视频</h2>
                <div>查看全部
                    <span><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
                </div>
            </div>
            <div class="videos">
                <ul>
                    <li><img src="./img/家电/sp1.jpg" alt="">
                        <a>听雷总讲述小米7年工艺探索之路</a>
                        <p>小米6,7年工艺探索的巅峰之作</p>
                        <div><i class="fa fa-caret-right" aria-hidden="true"></i></div>
                    </li>
                    <li><img src="./img/家电/sp2.jpg" alt="">
                        <a>MIUI 9 理念视频</a>
                        <p>快如闪电，前所未有的流畅</p>
                        <div><i class="fa fa-caret-right" aria-hidden="true"></i></div>
                    </li>
                    <li><img src="./img/家电/sp3.jpg" alt="">
                        <a>小米 5X 外观视频</a>
                        <p>吴亦凡倾情演绎</p>
                        <div><i class="fa fa-caret-right" aria-hidden="true"></i></div>
                    </li>
                    <li><img src="./img/家电/sp4.jpg" alt="">
                        <a>小米6亮银探索版 工艺黑科技视频</a>
                        <p>仿佛科幻版的液态金属</p>
                        <div><i class="fa fa-caret-right" aria-hidden="true"></i></div>
                    </li>
                </ul>
            </div>
        </div> 
    </main>
    <footer>
        <div class="foot container">
            <div class="foot-service">
                <ul>
                    <li><i class="fa fa-gift" aria-hidden="true"></i><a href="#">预约维修服务</a></li><p></p>
                    <li><i class="fa fa-gift" aria-hidden="true"></i><a href="#">7天无理由退货</a></li><p></p>
                    <li><i class="fa fa-gift" aria-hidden="true"></i><a href="#">15天免费换货</a></li><p></p>
                    <li><i class="fa fa-gift" aria-hidden="true"></i><a href="#">满150元包邮</a></li><p></p>
                    <li><i class="fa fa-gift" aria-hidden="true"></i><a href="#">520余家售后网点</a></li>
                </ul>
            </div>
            <div class="foot-message">
                <section>
                    <h4>帮助中心</h4>
                    <br>
                    <a href="#">账户管理</a><br>
                    <a href="#">购物指南</a><br>
                    <a href="#">订单操作</a><br>
                </section>
                <section>
                    <h4>服务支持</h4>
                    <br>
                    <a href="#">售后政策</a><br>
                    <a href="#">自助服务</a><br>
                    <a href="#">相关下载</a><br>
                </section>
                <section>
                    <h4>线下门店</h4>
                    <br>
                    <a href="#">小米之家</a><br>
                    <a href="#">服务网点</a><br>
                    <a href="#">零售网点</a><br>
                </section>
                <section>
                    <h4>关于小米</h4>
                    <br>
                    <a href="#">了解小米</a><br>
                    <a href="#">加入我们</a><br>
                    <a href="#">联系我们</a><br>
                </section>
                <section>
                    <h4>关注我们</h4>
                    <br>
                    <a href="#">新浪微博</a><br>
                    <a href="#">小米部落</a><br>
                    <a href="#">官方微信</a><br>
                </section>
                <section>
                    <h4>特色服务</h4>
                    <br>
                    <a href="#">F码通道</a><br>
                    <a href="#">礼物码</a><br>
                    <a href="#">防伪查询</a><br>
                </section>
                <p></p>
                <section>
                    <p>400-100-5678</p>
                    <p>周一至周日 8:00-18:00</p>
                    <p>（仅收市话费） </p>
                    <p>24小时在线客服</p>
                </section>
            </div>
        </div>
        <div class="messageLogo">
            <div class="container">
                <div class="messection">
                    <section>
                        <img src="./img/logo.jpg" alt="">
                    </section>
                    <section>
                        <p>
                            <a href="#">小米商城</a><span> |</span>
                            <a href="#">MIUI</a><span> |</span>
                            <a href="#">米聊</a><span> |</span>
                            <a href="#">多看书城</a><span> |</span>
                            <a href="#">小米路由器</a><span> |</span>
                            <a href="#">视频电话</a><span> |</span>
                            <a href="#">小米天猫店</a><span> |</span>
                            <a href="#">小米淘宝直营店</a><span> |</span>
                            <a href="#">小米网盟</a><span> |</span>
                            <a href="#">小米移动</a><span> |</span>
                            <a href="#">隐私政策</a><span> |</span>
                            <a href="#">Select Region</a>
                        </p>
                        <p>
                            ©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号
                            违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </section>
                    <section>
                        <img src="./img/家电/foot1.png" alt="">
                        <img src="./img/家电/foot2.png" alt="">
                        <img src="./img/家电/foot3.png" alt="">
                        <img src="./img/家电/foot4.png" alt="">
                    </section>
                </div>
            </div>
        </div>
    </footer>

    <script src="./js/jquery.js"></script>
    <script src="./js/小米.js"></script>
</body>

</html>

<script>
   
</script>